<div id="content-container" class="container">
    <div class="row">
        <div class="col-md-3">
            {include file="common/sidenav" /}
        </div>
        <div class="col-md-9">
            <div class="panel panel-default ">
                <div class="panel-body">
                    <h2 class="page-header">{:__('User center')}</h2>
                    <div class="row user-baseinfo">
                        <div class="col-md-3 col-sm-3 col-xs-2 text-center user-center">
                            <a href="{:url('user/profile')}" title="{:__('Click to edit')}">
                                <span class="avatar-img"><img src="{$user.avatar}" alt=""></span>
                            </a>
                        </div>
                        <div class="col-md-7 col-sm-7 col-xs-10">
                            <!-- Content -->
                            <div class="ui-content">
                                <!-- Heading -->
                                <h4><a href="{:url('user/profile')}">{$user.username}</a></h4>
                                <!-- Paragraph -->
                                <p><a href="{:url('user/profile')}">{$user.bio|default=__("This guy hasn't written anything yet")}</a></p>
                                <!-- Success -->
                                <div style="margin-top:15px;">
                                    <table class="table">	
                                        <tbody><tr>
                                                <th>{:__('Lv')}</th>
                                                <td><a href="javascript:;" class="viewlv">{$user.level}</a></td>
                                                <th>{:__('Score')}</th>
                                                <td><a href="javascript:;" class="viewscore">{$user.score}</a></td>
                                            </tr>
                                            <tr>
                                                <th>{:__('Successions')}</th>
                                                <td>{$user.successions} {:__('Day')}</td>
                                                <th>{:__('Maxsuccessions')}</th>
                                                <td>{$user.maxsuccessions} {:__('Day')}</td>
                                            </tr>
                                            <tr>
                                                <th>{:__('Logintime')}</th>
                                                <td>{$user.logintime|date="Y-m-d H:i:s",###}</td>
                                                <th>{:__('Prevtime')}</th>
                                                <td>{$user.prevtime|date="Y-m-d H:i:s",###}</td>
                                            </tr>
                                        </tbody></table>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2 col-xs-0 col-pad">
                            <a href="{:url('user/profile')}" class="btn btn-success hidden-xs"><i class="fa fa-pencil"></i> {:__('Profile')}</a>	
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>